/* 列表页 css 样式 */
header .logo {
  position: relative;
}

header .sk {
  position: absolute;
  top: 10px;
  right: -84px;
  width: 71px;
  height: 32px;
  border-left: 1px solid #b1191a;
  padding-left: 14px;
  padding-top: 4px;
}

.list_nav {
  overflow: hidden;
  height: 47px;
  line-height: 47px;
  border-bottom: 2px solid #b1191a;
}

.list_nav li {
  float: left;
}

.sk_list,
.sk_con {
  float: left;
}

.list_nav .sk_list li a {
  padding: 0 28px;
  font-weight: 700;
  font-size: 16px;
  color: #000;
}

.list_nav .sk_con li a {
  padding: 0 23px;
  font-size: 14px;
}

/* 主体内容  */
.sk_container .sk_hd {
  margin-bottom: 25px;
}

.sk_container .sk_bd li {
  float: left;
  width: 290px;
  height: 460px;
  margin-right: 13px;
  margin-bottom: 12px;
  /* 开始就增加一条透明的边框，hover时候修改边框颜色就可以了 */
  border: 1px solid transparent;
  /* background-color: #88ddff; */
}

.sk_container .sk_bd li:nth-child(4n) {
  margin-right: 0;
}

.sk_container .sk_bd li .goods {
  display: block;
}

.sk_container .sk_bd li:hover {
  /* border: 1px solid #e12228; */
  border-color: #e12228;
}

/* 内容部分 */
.sk_container .sk_bd li .goods .pic {
  width: 283px;
  height: 290px;
  /* text-align: center; */
  margin: 0 auto;
}

.sk_container .sk_bd li .goods .pic img {
  width: 100%;
  height: 100%;
}

.sk_container .sk_bd li .goods .txt {
  margin-top: 7px;
  padding: 0 12px;
}

.sk_container .goods .txt .goods_title {
  overflow: hidden;
  height: 34px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.sk_container .goods .txt .goods_price {
  margin-top: 17px;
}

.sk_container .goods .txt .goods_price em {
  font-size: 22px;
  line-height: 21px;
  font-weight: 700;
  color: #e60012;
}

.sk_container .goods .txt .goods_price em span {
  font-size: 14px;
}

.sk_container .goods .txt .goods_price del {
  color: #a4a4a4;
  font-size: 14px;
  margin-left: 8px;
}

.sk_container .goods .txt .goods_progress {
  margin-top: 13px;
}

.sk_container .goods .txt .goods_progress i,
.sk_container .goods .txt .goods_progress em {
  font-size: 12px;
}

.goods_progress .bar {
  display: inline-block;
}

.goods_progress .bar {
  overflow: hidden;
  margin: 0 11px;
  position: relative;
  width: 133px;
  height: 13px;
  border: 1px solid #e12228;
  border-radius: 7px;
  vertical-align: middle;
}

.goods_progress .bar .bar_in {
  position: absolute;
  left: 0;
  top: 0;
  width: 10%;
  height: 100%;
  background-color: #e12228;
  /* 过渡属性 */
  /* transition: 参与过渡的属性 过渡时间 过渡曲线 过渡延迟; */
  /* 谁做过渡给谁加 */
  transition: all 2s;
}

.goods_progress .bar:hover .bar_in {
  width: 87%;
}

.sk_container .goods .btn {
  width: 100%;
  height: 50px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
  background-color: #b1191a;
  margin-top: 7px;
}

.fix {
  width: 50px;
  height: 100px;
  position: fixed;
  top: 0;
  left: 50%;
  bottom: 0;
  margin: auto 0;
  margin-left: 610px;
}

.fix .top {
  width: 40px;
  height: 40px;
  background: url(../images/icons.png) no-repeat -319px -58px;
}

.fix .phone {
  width: 40px;
  height: 40px;
  background: url(../images/icons.png) no-repeat -319px -105px;
}
